<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>SNTV-KIDS</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<link href='http://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="/favicon.png" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="framework/jquery-1.5.min.js"></script>
<script type="text/javascript" src="js/page_event.js"></script>
<script language="javascript">
<!--
	
	$(document).ready(function()
	{
		More();
	});
	
	function More()
	{
		var response = "";
		$list = $("#list");
		
		$.getJSON("https://gdata.youtube.com/feeds/api/users/snkidstube/playlists?v=2&alt=jsonc&max-results=50", function(data)
		{  
			// Json sorting
			data.data.items.sort(function(a, b)
			{
				return (a.title < b.title) ? -1 : (a.title > b.title) ? 1 : 0;	
			});
			
			$.each(data.data.items, function(i, item) 
			{	
				response += '<li>';
				response += '<a href="cate_list.html#' + item.id + '">';
				response += '<dl>';
				response += '<dt>' + item.title + '</dt>';
				response += '<dd class="img_area" style="background:url(' + item.thumbnail.sqDefault + ') center center no-repeat">';
				response += '</dd>';
				response += '</dl>';
				response += '</a>';
				response += '</li>';				
    		});

			if(response != "")
			{
				$(response).appendTo($list);
				$("#list").listview("refresh");
			}

		});
	}
-->
</script>
<style>
	
</style>
</head>
<body id="category">
	<header>
		<h1>CATEGORY</h1>
		<div class="bg_animal"></div>
		<div class="bg_cloud"></div>
		<div class="bg_cloud2"></div>
		<div class="bg_cloud3"></div>
	</header>
	<div class="list_section">
		<ul class="list" id="list"></ul>
	</div>
</body>
</html>
